<template>
  <div>
    <div class="white-bg">
      <swiperDom :banners="banners"></swiperDom>
      <!-- 行情3表 -->
      <hq-box></hq-box>
    </div>
    <!-- 新闻列表 -->
     <news-list :title="newsTitle.dc" :list="lists.dc"></news-list>
    <news-list :title="newsTitle.tcl" :list="lists.tcl"></news-list>
   
    <news-list :title="newsTitle.dlg" :list="lists.dlg"></news-list>
  </div>
</template>

<script type="text/ecmascript-6">
import HqBox from "./hqBox";
import NewsList from "./newslist/index";
import { newsTitle } from "../assets/data/menuData.js";
import swiperDom from "./siwperDom";
export default {
  components: {
    HqBox,
    NewsList,
    swiperDom
  },
  data() {
    return {
      newsTitle
    };
  },
  computed: {
    lists() {
      return this.$store.state.indexData.newsList || {};
    },
    banners() {
      return this.$store.state.indexData.banner || [];
    }
  }
};
</script>

<style scoped lang="less">
.white-bg {
  background: #ffffff;
  padding-top: 0.02rem;
  margin-bottom: 0.2rem;
}
</style>
